<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/htglxt.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/htglxt.js"></script>
</head>

<body>
    <div class="yonghu">
        <div>后台管理系统</div>
        <div>用户ID：<input class="uid"  type="text"></div>

        <div>登录</div>
    </div>
    <div class="mainner">
        <div class="mainner-1">
            <ul>
                <li>查看商品</li>
                <li class="addprod">添加商品</li>
                <li class="defaultsort">默认排序</li>
                <li class="pricesort">价格排序</li>
                <li>删除商品</li>
            </ul>
        </div>
        <div class="mainner-2">

            <ul>
                <!-- <li>
                    <img src="" alt="">
                    <span>商品</span>
                    <span>价格</span>
                    <span>id</span>
                    <span>详情</span>
                    <button>修改</button>
                    <button>删除</button>
                </li> -->
            </ul>
            <div class="trater">
                <p>商品名称：<input class="txt1" type="text"></p> 
               <p>商品价格：<input class="txt2" type="text"></p> 
                <p>商品详情：<input class="txt3" type="text"></p> 
                <p>商品图片：<input class="txt4" type="text"></p>
                <button class="quxiao">取消</button> 
                <button class="queding">确定</button>

            </div>

        </div>
    </div>

    <script>
        $(function(){
            htglxt();
            $(".defaultsort").click(function(){
                htglxt();
            })

        });
    </script>

</body>

</html>